<template >
	<!-- <el-container style="height: 600px;"> -->
	<!-- <el-container style="height: 100%">
	  	<el-header id="header" ><Header  /></el-header>
	  	<el-container style="height: 100%">
	  		<Menu style="background-color: #4BACC6"/>
	    	<el-main id="main">
	    		<div id="main1">
	    		<keep-alive >
	    			<router-view v-if="$route.meta.keepAlive" ></router-view>
	    		</keep-alive>

	    		<router-view v-if="!$route.meta.keepAlive" ></router-view>
	    		</div>
	    	</el-main>
	  	</el-container>
	</el-container> -->

	<!-- <el-container>
		<el-aside width="200px"><Menu /></el-aside>
		<el-container>
			<el-header>Header</el-header>
			<el-main><router-view/></el-main>
		</el-container>
	</el-container> -->

	<el-container class="app1">
		<el-header id="header" height="70px">
			<Header></Header>
		</el-header>
		<el-main id="main">
			<keep-alive >
				<router-view v-if="$route.meta.keepAlive" ></router-view>
			</keep-alive>
			<router-view v-if="!$route.meta.keepAlive" ></router-view>
		</el-main>
	</el-container>

</template>

<script>

import { mapGetters, mapActions } from 'vuex'
import Menu from '../components/menu'
import Header from '../components/header/index_1.vue'

export default {
	name: 'index',
		data () {
		return {
		  	
		}
	},

	components: {
		Menu,
		Header,
	},

	computed : {
		
	},

	methods : {
		...mapActions([

		]),
	},

	watch:{
	    
	},

	mounted () {
		this.$store.dispatch('getUserInfo');
		this.$store.dispatch('getMenuList', {
			menu_id : 'aa54d722-46ce-11e9-b3be-0242ac11001d'
		});
	},

}
</script>

<style scoped>

.app1 {
	height: 1080px;
	background-image: url('../assets/bg.png');
}


#header {
    background-color: #083749;
    opacity : 0.8;

    /*background:rgba(8,55,73,0.8);*/
}

/*#menu {
	position: fixed;
    z-index: 400;
    transition: left 0.15s;
    top: 60px;
    bottom: 0;
    left: 0;
    background-color: #f5f5f5;
    box-shadow: inset -1px 0 0 #e5e5e5;
    transform: translate3d(0, 0, 0);
}*/

#main {
	/*width: 1880px;
	height: 970px;*/
	/*background-color: #083749;*/
	/*margin: 18px auto;*/

	margin-top: 20px;
	margin-left: 20px;
	margin-right: 20px;
	/*opacity : 0.7;*/

	padding: 0;
}




/*#main1 {
	min-width: 1024px;
	max-width: 1380px;
}*/
</style>
